
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-xiugaimima"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaijiecaidan"></i>
                    <div class="name">快捷菜单</div>
                    <div class="fontclass">.icon-kuaijiecaidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuichu"></i>
                    <div class="name">退出</div>
                    <div class="fontclass">.icon-tuichu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima1"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuichu1"></i>
                    <div class="name">退出</div>
                    <div class="fontclass">.icon-tuichu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaijiecaidan1"></i>
                    <div class="name">快捷菜单</div>
                    <div class="fontclass">.icon-kuaijiecaidan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichushuju"></i>
                    <div class="name">基础数据</div>
                    <div class="fontclass">.icon-jichushuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-360duguanli"></i>
                    <div class="name">360度管理</div>
                    <div class="fontclass">.icon-360duguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yingxiaoguanhuai"></i>
                    <div class="name">营销关怀</div>
                    <div class="fontclass">.icon-yingxiaoguanhuai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kehufuwu"></i>
                    <div class="name">客户服务</div>
                    <div class="fontclass">.icon-kehufuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongguanli"></i>
                    <div class="name">系统管理</div>
                    <div class="fontclass">.icon-xitongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongjibaobiao"></i>
                    <div class="name">统计报表</div>
                    <div class="fontclass">.icon-tongjibaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zitikuozhan"></i>
                    <div class="name">标签定义</div>
                    <div class="fontclass">.icon-zitikuozhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuankuozhan"></i>
                    <div class="name">会员扩展</div>
                    <div class="fontclass">.icon-huiyuankuozhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdankuozhan"></i>
                    <div class="name">订单扩展</div>
                    <div class="fontclass">.icon-dingdankuozhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdankuozhan2"></i>
                    <div class="name">订单扩展2</div>
                    <div class="fontclass">.icon-dingdankuozhan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpinkuozhan"></i>
                    <div class="name">商品扩展</div>
                    <div class="fontclass">.icon-shangpinkuozhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziduankuozhan"></i>
                    <div class="name">字段扩展</div>
                    <div class="fontclass">.icon-ziduankuozhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuozhanxinxi"></i>
                    <div class="name">扩展信息</div>
                    <div class="fontclass">.icon-kuozhanxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdanzhifufangshi"></i>
                    <div class="name">订单支付方式</div>
                    <div class="fontclass">.icon-dingdanzhifufangshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdankuozhan3"></i>
                    <div class="name">订单扩展3</div>
                    <div class="fontclass">.icon-dingdankuozhan3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-1jituan"></i>
                    <div class="name">1集团</div>
                    <div class="fontclass">.icon-1jituan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-2fengongsi"></i>
                    <div class="name">2分公司</div>
                    <div class="fontclass">.icon-2fengongsi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-3daqu"></i>
                    <div class="name">3大区</div>
                    <div class="fontclass">.icon-3daqu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-4banshichu"></i>
                    <div class="name">4办事处</div>
                    <div class="fontclass">.icon-4banshichu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-5dianpuzu"></i>
                    <div class="name">5店铺组</div>
                    <div class="fontclass">.icon-5dianpuzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-6dianpu"></i>
                    <div class="name">6店铺</div>
                    <div class="fontclass">.icon-6dianpu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichuxinxi"></i>
                    <div class="name">基础信息</div>
                    <div class="fontclass">.icon-jichuxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpinguanli"></i>
                    <div class="name">商品管理</div>
                    <div class="fontclass">.icon-shangpinguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdanguanli"></i>
                    <div class="name">订单管理</div>
                    <div class="fontclass">.icon-dingdanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shendufenxi"></i>
                    <div class="name">深度分析</div>
                    <div class="fontclass">.icon-shendufenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanquanyi"></i>
                    <div class="name">会员权益</div>
                    <div class="fontclass">.icon-huiyuanquanyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yingxiaohuodong"></i>
                    <div class="name">营销活动</div>
                    <div class="fontclass">.icon-yingxiaohuodong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cuxiaohuodong"></i>
                    <div class="name">促销活动</div>
                    <div class="fontclass">.icon-cuxiaohuodong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjuandiaoyan"></i>
                    <div class="name">问卷调研</div>
                    <div class="fontclass">.icon-wenjuandiaoyan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwudianping"></i>
                    <div class="name">服务点评</div>
                    <div class="fontclass">.icon-fuwudianping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuantousu"></i>
                    <div class="name">会员投诉</div>
                    <div class="fontclass">.icon-huiyuantousu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoshoubaobiao"></i>
                    <div class="name">销售报表</div>
                    <div class="fontclass">.icon-xiaoshoubaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-crmbaobiao"></i>
                    <div class="name">CRM报表</div>
                    <div class="fontclass">.icon-crmbaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongpeizhi"></i>
                    <div class="name">系统配置</div>
                    <div class="fontclass">.icon-xitongpeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pinpaiguanli"></i>
                    <div class="name">品牌管理</div>
                    <div class="fontclass">.icon-pinpaiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-leibieguanli"></i>
                    <div class="name">类别管理</div>
                    <div class="fontclass">.icon-leibieguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuidanguanli"></i>
                    <div class="name">退单管理</div>
                    <div class="fontclass">.icon-tuidanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huodongxiaoxi"></i>
                    <div class="name">活动消息</div>
                    <div class="fontclass">.icon-huodongxiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanbiaoqian"></i>
                    <div class="name">会员标签</div>
                    <div class="fontclass">.icon-huiyuanbiaoqian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuandengji"></i>
                    <div class="name">会员等级</div>
                    <div class="fontclass">.icon-huiyuandengji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanxiaoxi"></i>
                    <div class="name">会员消息</div>
                    <div class="fontclass">.icon-huiyuanxiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanguanli"></i>
                    <div class="name">会员管理</div>
                    <div class="fontclass">.icon-huiyuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuandaoru"></i>
                    <div class="name">会员导入</div>
                    <div class="fontclass">.icon-huiyuandaoru</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanhuaxiang"></i>
                    <div class="name">会员画像</div>
                    <div class="fontclass">.icon-huiyuanhuaxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanfenzu"></i>
                    <div class="name">会员分组</div>
                    <div class="fontclass">.icon-huiyuanfenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanmingdan"></i>
                    <div class="name">会员名单</div>
                    <div class="fontclass">.icon-huiyuanmingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heimingdanguanli"></i>
                    <div class="name">黑名单管理</div>
                    <div class="fontclass">.icon-heimingdanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rfmjiaochafenxi"></i>
                    <div class="name">RFM交叉分析</div>
                    <div class="fontclass">.icon-rfmjiaochafenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huaxiangduibifenxi"></i>
                    <div class="name">画像对比分析</div>
                    <div class="fontclass">.icon-huaxiangduibifenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qudaoqushiduibifenxi"></i>
                    <div class="name">渠道趋势对比分析</div>
                    <div class="fontclass">.icon-qudaoqushiduibifenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanqiaguanli"></i>
                    <div class="name">会员卡管理</div>
                    <div class="fontclass">.icon-huiyuanqiaguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanqiamingxiguanli"></i>
                    <div class="name">会员卡明细管理</div>
                    <div class="fontclass">.icon-huiyuanqiamingxiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanqialeixingguanli"></i>
                    <div class="name">会员卡类型管理</div>
                    <div class="fontclass">.icon-huiyuanqialeixingguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifenguanli"></i>
                    <div class="name">积分管理</div>
                    <div class="fontclass">.icon-jifenguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifenmingxiguanli"></i>
                    <div class="name">积分明细管理</div>
                    <div class="fontclass">.icon-jifenmingxiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kehutuijian"></i>
                    <div class="name">客户推荐</div>
                    <div class="fontclass">.icon-kehutuijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangdingshujuyuan"></i>
                    <div class="name">绑定数据源</div>
                    <div class="fontclass">.icon-bangdingshujuyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoximoban"></i>
                    <div class="name">消息模板</div>
                    <div class="fontclass">.icon-xiaoximoban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwurenwuguanli"></i>
                    <div class="name">服务任务管理</div>
                    <div class="fontclass">.icon-fuwurenwuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duanxinfasongrizhi"></i>
                    <div class="name">短信发送日志</div>
                    <div class="fontclass">.icon-duanxinfasongrizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duanxinapptuisongmoban"></i>
                    <div class="name">短信-App推送模板</div>
                    <div class="fontclass">.icon-duanxinapptuisongmoban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huodongguanli"></i>
                    <div class="name">活动管理</div>
                    <div class="fontclass">.icon-huodongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huodongjiankong"></i>
                    <div class="name">活动监控</div>
                    <div class="fontclass">.icon-huodongjiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cuxiaoguanli"></i>
                    <div class="name">促销管理</div>
                    <div class="fontclass">.icon-cuxiaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifenshangcheng"></i>
                    <div class="name">积分商城</div>
                    <div class="fontclass">.icon-jifenshangcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youhuiquanguanli"></i>
                    <div class="name">优惠券管理</div>
                    <div class="fontclass">.icon-youhuiquanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghucuxiao"></i>
                    <div class="name">用户促销</div>
                    <div class="fontclass">.icon-yonghucuxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zengpinguizeguanli"></i>
                    <div class="name">赠品规则管理</div>
                    <div class="fontclass">.icon-zengpinguizeguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanzengpinguanli"></i>
                    <div class="name">会员赠品管理</div>
                    <div class="fontclass">.icon-huiyuanzengpinguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanpanshezhi"></i>
                    <div class="name">转盘设置</div>
                    <div class="fontclass">.icon-zhuanpanshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanpanjieguo"></i>
                    <div class="name">转盘结果</div>
                    <div class="fontclass">.icon-zhuanpanjieguo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjuanguanli"></i>
                    <div class="name">问卷管理</div>
                    <div class="fontclass">.icon-wenjuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjuandaan"></i>
                    <div class="name">问卷答案</div>
                    <div class="fontclass">.icon-wenjuandaan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiangdaguanli"></i>
                    <div class="name">抢答管理</div>
                    <div class="fontclass">.icon-qiangdaguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiangdadaan"></i>
                    <div class="name">抢答答案</div>
                    <div class="fontclass">.icon-qiangdadaan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwudianpingdingyi"></i>
                    <div class="name">服务点评定义</div>
                    <div class="fontclass">.icon-fuwudianpingdingyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpindianping"></i>
                    <div class="name">商品点评</div>
                    <div class="fontclass">.icon-shangpindianping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mendiandianping"></i>
                    <div class="name">门店点评</div>
                    <div class="fontclass">.icon-mendiandianping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-badianping"></i>
                    <div class="name">Ba点评</div>
                    <div class="fontclass">.icon-badianping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwutiyandingyi"></i>
                    <div class="name">服务体验定义</div>
                    <div class="fontclass">.icon-fuwutiyandingyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwutiyanguanli"></i>
                    <div class="name">服务体验管理</div>
                    <div class="fontclass">.icon-fuwutiyanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tousuguanli"></i>
                    <div class="name">投诉管理</div>
                    <div class="fontclass">.icon-tousuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjiantousu"></i>
                    <div class="name">新建投诉</div>
                    <div class="fontclass">.icon-xinjiantousu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tousuzidian"></i>
                    <div class="name">投诉字典</div>
                    <div class="fontclass">.icon-tousuzidian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdanbaobiao"></i>
                    <div class="name">订单报表</div>
                    <div class="fontclass">.icon-dingdanbaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-meirixiaoshoubaobiao"></i>
                    <div class="name">每日销售报表</div>
                    <div class="fontclass">.icon-meirixiaoshoubaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanjifenshixiaobaobiao"></i>
                    <div class="name">会员积分失效报表</div>
                    <div class="fontclass">.icon-huiyuanjifenshixiaobaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuzidian"></i>
                    <div class="name">数据字典</div>
                    <div class="fontclass">.icon-shujuzidian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianmaguize"></i>
                    <div class="name">编码规则</div>
                    <div class="fontclass">.icon-bianmaguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongcanshu"></i>
                    <div class="name">系统参数</div>
                    <div class="fontclass">.icon-xitongcanshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwujiekou"></i>
                    <div class="name">服务接口</div>
                    <div class="fontclass">.icon-fuwujiekou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duoyuyan"></i>
                    <div class="name">多语言</div>
                    <div class="fontclass">.icon-duoyuyan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongshiti"></i>
                    <div class="name">系统实体</div>
                    <div class="fontclass">.icon-xitongshiti</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaduancanshu"></i>
                    <div class="name">跨段参数</div>
                    <div class="fontclass">.icon-kuaduancanshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shitifenzu"></i>
                    <div class="name">实体分组</div>
                    <div class="fontclass">.icon-shitifenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuzhibumen"></i>
                    <div class="name">组织部门</div>
                    <div class="fontclass">.icon-zuzhibumen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoshoutixi"></i>
                    <div class="name">销售体系</div>
                    <div class="fontclass">.icon-xiaoshoutixi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huodongyumingxi"></i>
                    <div class="name">活动与明细</div>
                    <div class="fontclass">.icon-huodongyumingxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-uishezhi"></i>
                    <div class="name">UI设置</div>
                    <div class="fontclass">.icon-uishezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zidingyiyemian"></i>
                    <div class="name">自定义页面</div>
                    <div class="fontclass">.icon-zidingyiyemian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuozhanshuxing"></i>
                    <div class="name">扩展属性</div>
                    <div class="fontclass">.icon-kuozhanshuxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongcaozuorizhi"></i>
                    <div class="name">系统操作日志</div>
                    <div class="fontclass">.icon-xitongcaozuorizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-apixitongrizhi"></i>
                    <div class="name">API系统日志</div>
                    <div class="fontclass">.icon-apixitongrizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dayinbaobiao"></i>
                    <div class="name">打印报表</div>
                    <div class="fontclass">.icon-dayinbaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zidingyibaobiao"></i>
                    <div class="name">自定义报表</div>
                    <div class="fontclass">.icon-zidingyibaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjian"></i>
                    <div class="name">新建</div>
                    <div class="fontclass">.icon-xinjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugai"></i>
                    <div class="name">修改</div>
                    <div class="fontclass">.icon-xiugai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin"></i>
                    <div class="name">刷新</div>
                    <div class="fontclass">.icon-shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wancheng"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-wancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenhe"></i>
                    <div class="name">审核</div>
                    <div class="fontclass">.icon-shenhe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bohui"></i>
                    <div class="name">驳回</div>
                    <div class="fontclass">.icon-bohui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuofei"></i>
                    <div class="name">作废</div>
                    <div class="fontclass">.icon-zuofei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiyong"></i>
                    <div class="name">启用</div>
                    <div class="fontclass">.icon-qiyong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tingyong"></i>
                    <div class="name">停用</div>
                    <div class="fontclass">.icon-tingyong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiankongfuwu"></i>
                    <div class="name">监控服务</div>
                    <div class="fontclass">.icon-jiankongfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daoru"></i>
                    <div class="name">导入</div>
                    <div class="fontclass">.icon-daoru</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjiazijiedian"></i>
                    <div class="name">添加子节点</div>
                    <div class="fontclass">.icon-tianjiazijiedian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchuzijiedian"></i>
                    <div class="name">删除(子节点)</div>
                    <div class="fontclass">.icon-shanchuzijiedian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhipeizhi"></i>
                    <div class="name">复制配置</div>
                    <div class="fontclass">.icon-fuzhipeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhantiepeizhi"></i>
                    <div class="name">粘贴配置</div>
                    <div class="fontclass">.icon-zhantiepeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocunbuju"></i>
                    <div class="name">保存布局</div>
                    <div class="fontclass">.icon-baocunbuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quxiao"></i>
                    <div class="name">取消</div>
                    <div class="fontclass">.icon-quxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.icon-guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenpei"></i>
                    <div class="name">分配</div>
                    <div class="fontclass">.icon-fenpei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyitiao"></i>
                    <div class="name">上一条</div>
                    <div class="fontclass">.icon-shangyitiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiayitiao"></i>
                    <div class="name">下一条</div>
                    <div class="fontclass">.icon-xiayitiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianqie"></i>
                    <div class="name">剪切</div>
                    <div class="fontclass">.icon-jianqie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanze"></i>
                    <div class="name">选择</div>
                    <div class="fontclass">.icon-xuanze</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjianzixiang"></i>
                    <div class="name">新建子项</div>
                    <div class="fontclass">.icon-xinjianzixiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuijianfantuijian"></i>
                    <div class="name">推荐-反推荐</div>
                    <div class="fontclass">.icon-tuijianfantuijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huifu"></i>
                    <div class="name">恢复</div>
                    <div class="fontclass">.icon-huifu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzehuiyuan"></i>
                    <div class="name">选择会员</div>
                    <div class="fontclass">.icon-xuanzehuiyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jihuo"></i>
                    <div class="name">激活</div>
                    <div class="fontclass">.icon-jihuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaruheimingdan"></i>
                    <div class="name">加入黑名单</div>
                    <div class="fontclass">.icon-jiaruheimingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lishiguiji"></i>
                    <div class="name">历史轨迹</div>
                    <div class="fontclass">.icon-lishiguiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzehuaxiang"></i>
                    <div class="name">选择画像</div>
                    <div class="fontclass">.icon-xuanzehuaxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzefenzu"></i>
                    <div class="name">选择分组</div>
                    <div class="fontclass">.icon-xuanzefenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzebiaoqian"></i>
                    <div class="name">选择标签</div>
                    <div class="fontclass">.icon-xuanzebiaoqian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shengchenghuiyuanqia"></i>
                    <div class="name">生成会员卡</div>
                    <div class="fontclass">.icon-shengchenghuiyuanqia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiaruku"></i>
                    <div class="name">卡入库</div>
                    <div class="fontclass">.icon-qiaruku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifenbiangeng"></i>
                    <div class="name">积分变更</div>
                    <div class="fontclass">.icon-jifenbiangeng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifenmingxi"></i>
                    <div class="name">积分明细</div>
                    <div class="fontclass">.icon-jifenmingxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhixingjihua"></i>
                    <div class="name">执行计划</div>
                    <div class="fontclass">.icon-zhixingjihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuangtaijiankong"></i>
                    <div class="name">状态监控</div>
                    <div class="fontclass">.icon-zhuangtaijiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xingweifenxi"></i>
                    <div class="name">行为分析</div>
                    <div class="fontclass">.icon-xingweifenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youhuimaguanli"></i>
                    <div class="name">优惠码管理</div>
                    <div class="fontclass">.icon-youhuimaguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fahuo"></i>
                    <div class="name">发货</div>
                    <div class="fontclass">.icon-fahuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fafang"></i>
                    <div class="name">发放</div>
                    <div class="fontclass">.icon-fafang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongzhimima"></i>
                    <div class="name">重置密码</div>
                    <div class="fontclass">.icon-zhongzhimima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lizhi"></i>
                    <div class="name">离职</div>
                    <div class="fontclass">.icon-lizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxitongxun"></i>
                    <div class="name">消息通讯</div>
                    <div class="fontclass">.icon-xiaoxitongxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-apptuisongmoban"></i>
                    <div class="name">APP推送模板</div>
                    <div class="fontclass">.icon-apptuisongmoban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongzhixiaoximoban"></i>
                    <div class="name">通知消息模板</div>
                    <div class="fontclass">.icon-tongzhixiaoximoban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiediankaishi"></i>
                    <div class="name">节点-开始</div>
                    <div class="fontclass">.icon-jiediankaishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianjieshu"></i>
                    <div class="name">节点-结束</div>
                    <div class="fontclass">.icon-jiedianjieshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianpanduan"></i>
                    <div class="name">节点-判断</div>
                    <div class="fontclass">.icon-jiedianpanduan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianshijian"></i>
                    <div class="name">节点-时间</div>
                    <div class="fontclass">.icon-jiedianshijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiediandengdai"></i>
                    <div class="name">节点-等待</div>
                    <div class="fontclass">.icon-jiediandengdai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianziliucheng"></i>
                    <div class="name">节点-子流程</div>
                    <div class="fontclass">.icon-jiedianziliucheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianxuanze"></i>
                    <div class="name">节点-选择</div>
                    <div class="fontclass">.icon-jiedianxuanze</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianchaifen"></i>
                    <div class="name">节点-拆分</div>
                    <div class="fontclass">.icon-jiedianchaifen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianhebing"></i>
                    <div class="name">节点-合并</div>
                    <div class="fontclass">.icon-jiedianhebing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianpaichu"></i>
                    <div class="name">节点-排除</div>
                    <div class="fontclass">.icon-jiedianpaichu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianchouyang"></i>
                    <div class="name">节点-抽样</div>
                    <div class="fontclass">.icon-jiedianchouyang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianjiaoji"></i>
                    <div class="name">节点-交集</div>
                    <div class="fontclass">.icon-jiedianjiaoji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiediantongji"></i>
                    <div class="name">节点-统计</div>
                    <div class="fontclass">.icon-jiediantongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianduanxin"></i>
                    <div class="name">节点-短信</div>
                    <div class="fontclass">.icon-jiedianduanxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianyoujian"></i>
                    <div class="name">节点-邮件</div>
                    <div class="fontclass">.icon-jiedianyoujian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiediandianhua"></i>
                    <div class="name">节点-电话</div>
                    <div class="fontclass">.icon-jiediandianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianyouhuiquan"></i>
                    <div class="name">节点-优惠券</div>
                    <div class="fontclass">.icon-jiedianyouhuiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianweixin"></i>
                    <div class="name">节点-微信</div>
                    <div class="fontclass">.icon-jiedianweixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianapp"></i>
                    <div class="name">节点-APP</div>
                    <div class="fontclass">.icon-jiedianapp</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiediancuxiao"></i>
                    <div class="name">节点-促销</div>
                    <div class="fontclass">.icon-jiediancuxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianjifen"></i>
                    <div class="name">节点-积分</div>
                    <div class="fontclass">.icon-jiedianjifen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiediansql"></i>
                    <div class="name">节点-SQL</div>
                    <div class="fontclass">.icon-jiediansql</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianyouhuiquanxiangying"></i>
                    <div class="name">节点-优惠券响应</div>
                    <div class="fontclass">.icon-jiedianyouhuiquanxiangying</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianyoujianxiangying"></i>
                    <div class="name">节点-邮件响应</div>
                    <div class="fontclass">.icon-jiedianyoujianxiangying</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiediankehuxiangying"></i>
                    <div class="name">节点-客户响应</div>
                    <div class="fontclass">.icon-jiediankehuxiangying</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianxiaoxituisong"></i>
                    <div class="name">节点-消息推送</div>
                    <div class="fontclass">.icon-jiedianxiaoxituisong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-web"></i>
                    <div class="name">节点-WEB</div>
                    <div class="fontclass">.icon-web</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianhuiyuanfenzu"></i>
                    <div class="name">节点-会员分组</div>
                    <div class="fontclass">.icon-jiedianhuiyuanfenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianhuiyuanmingdan"></i>
                    <div class="name">节点-会员名单</div>
                    <div class="fontclass">.icon-jiedianhuiyuanmingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianhuiyuanhuaxiang"></i>
                    <div class="name">节点-会员画像</div>
                    <div class="fontclass">.icon-jiedianhuiyuanhuaxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianpanduanshangpin"></i>
                    <div class="name">节点-判断商品</div>
                    <div class="fontclass">.icon-jiedianpanduanshangpin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianpanduanyouhuiquan"></i>
                    <div class="name">节点-判断优惠券</div>
                    <div class="fontclass">.icon-jiedianpanduanyouhuiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianpanduandingdan"></i>
                    <div class="name">节点-判断订单</div>
                    <div class="fontclass">.icon-jiedianpanduandingdan</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
